p{
	line-height:normal;
}
body{
	height:100%;
	background:#f1f2f3;
	font-weight:300;
	color:#000;
	font-size:14px;
}
h4{
	font-weight:300;
	color:#000;
}

.main > h4.title {
	padding:10px 15px;
	background:#fff;
	margin:0 0 10px;
}

.main > h4.title p{
	flex:1;
	text-align:left;
}
.main > h4.title p + p{
	text-align:right;
}

.main .goods-block{
	background:#fff;
}
.main .goods-block > div > h4,
.main .goods-block > div + h4{
	padding:10px 15px;
    border-bottom: 1px solid #f4f5f5;	
}
.main .goods-block > div > h4 p,
.main .goods-block > div + h4 p{
	flex:1;
	text-align:left;
	color:#3f3f3f;
	text-overflow: ellipsis; white-space: nowrap; overflow:hidden;
}
.main .goods-block > div > h4 p:first-child,
.main .goods-block > div + h4 p:first-child{
	max-width:80px;
}
.main .goods-block > div > h4 p + p,
.main .goods-block > div + h4 p + p{
	padding:0 15px 0 0;
	position:relative;
	text-align:right;
}
.main .goods-block > div > h4 p + p:after,
.main .goods-block > div + h4 p + p:after{
    content: " ";
    display: inline-block;
    height: 8px;
    width: 8px;
    border-width: 1px 1px 0 0;
    border-color: #c8c8cd;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 2px;
}
.main .goods-block .topInner,
.main .goods-block .botInner{
	padding:10px 0;
	position:relative;
}
.main .goods-block .topInner:after{
	content:"";
	display:block;
	height:1px;
	background:#f4f4f4;
	position:absolute;
	left:15px;
	right:15px;
	bottom:0;
}
.main .goods-block .topInner > div,
.main .goods-block .botInner > div{
	flex:1;
}
.main .goods-block .topInner .leftarea,
.main .goods-block .botInner .leftarea{
	max-width:102px;
	box-sizing:border-box;
	padding:0 15px;
}
.main .goods-block .botInner .leftarea{
	text-align:center;
}
.main .goods-block .topInner .rightarea,
.main .goods-block .botInner .rightarea{
	height:60px;
	text-overflow: ellipsis; white-space: nowrap; overflow:hidden;
	padding:0 25px 0 0;
	position:relative;
}
.main .goods-block .topInner .rightarea .goods-name,
.main .goods-block .botInner .rightarea .goods-name{
	text-overflow: ellipsis; white-space: nowrap; overflow:hidden;
}
.main .goods-block .topInner .rightarea p:nth-child(3),
.main .goods-block .botInner .rightarea p:nth-child(3){
	position:absolute;
	bottom:0;
	font-size:13px;
}

.footer{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	background:#fff;
}
.footer .flex-layout{
	border-bottom:1px solid #e5e5e5;
	padding:0 15px;
	font-size:14px;
}
.footer .flex-layout p{
	flex:1;
	text-align:left;
	line-height:40px;
}
.footer .flex-layout p + p{
	text-align:right;
}
.footer p {

}
.footer button{
	display: inline-block;
    background-color: #f34545;
    color: #fff;
    height: 100%;
    width: 120px;
    text-align: center;
    line-height:40px;
    margin:0 0 0 5px;
}






